<template>
  <a-card :bordered="false" style="width: 100%;border-radius: 4px">
    <a-button
      style="float: left;"
      @click="$router.go(-1) ">返 回
    </a-button>
    <div
      style="background-image: url('/phone.png');
        background-size: cover; width: 300px;height: 600px;margin: 0 auto;">
      <iframe class="ant-card" :src="'/product/productH5?prdNo='+prdNo" frameborder="0" style="width:245px;height: 425px;margin-top: 85px;margin-left: 37px"></iframe>
    </div>
  </a-card>
</template>

<script>
    export default {
        name: 'PreviewProduct',
        data () {
          return {
            prdNo: ''
          }
        },
        mounted () {
          this.prdNo = this.$route.query.prdNo
        }
    }
</script>

<style scoped>

</style>
